<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:t="http://myfaces.apache.org/tomahawk">
<!--
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
//-->
<body>
 <ui:composition template="/META-INF/templates/template.xhtml">
  <ui:define name="body">

    <t:saveState value="#{calendarBean}"/>

        <h:panelGroup id="idbody">

        <t:messages id="messageList" showSummary="false" showDetail="true" />

        <h:outputText id="cdt" value="#{example_messages['js_form']}"/>

        <h:form id="calendarForm">
            <t:inputCalendar monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader"
                currentDayCellClass="currentDayCell" value="#{calendarBean.firstDate}"/>
        </h:form>

        <f:verbatim><br/></f:verbatim>

        <h:outputText value="#{calendarBean.firstDate}" />

        <f:verbatim><br/><br/><br/></f:verbatim>

        <h:outputText value="#{example_messages['js_popup']}"/>

        <h:form id="calendarForm2">

            <t:outputLabel for="secondOne" value="Second calendar input"/>
            <t:inputCalendar id="secondOne" monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" popupButtonStyleClass="standard_bold"
                currentDayCellClass="currentDayCell" value="#{calendarBean.secondDate}" renderAsPopup="true"
                popupTodayString="#{example_messages['popup_today_string']}"
                popupDateFormat="MM/dd/yyyy" popupWeekString="#{example_messages['popup_week_string']}"
                helpText="MM/DD/YYYY"
                forceId="true"/>

            <t:inputCalendar id="thirdOne" monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" popupButtonStyleClass="standard_bold"
                currentDayCellClass="currentDayCell" value="#{calendarBean.thirdDate}" renderAsPopup="true"
                popupTodayString="#{example_messages['popup_today_string']}"
                popupDateFormat="MM/dd/yyyy" popupWeekString="#{example_messages['popup_week_string']}"
                helpText="MM/DD/YYYY"
                    forceId="false"/>

            <h:inputText value="#{calendarBean.text}"/>
            <h:commandButton value="#{example_messages['js_submit']}" action="#{calendarBean.submitMethod}" />
        </h:form>


    </h:panelGroup>
  </ui:define>
 </ui:composition>
</body>
</html>

